<!DOCTYPE html>
<html>
<head> 
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>贺卡 玩AR游戏 赢虎扑好礼</title>
    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/base.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/vr.css?v=1" />

    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/moment.js"></script>

</head>
<body style="overflow-x: hidden;">
    <section class="card-box"> 
        <section>
            <div class="yuns">
                <img src="/static/images/vr/yuns.png">
                <i class="line"></i>
            </div>
            <div class="yuns-left"><img src="/static/images/vr/yuns.png"></div>
            <div class="yuns-right"><img src="/static/images/vr/yuns.png"></div>
            <div class="shu-right"><img src="/static/images/vr/shu.png"></div>
            <div class="shu-left"><img src="/static/images/vr/shu.png"></div>
            <!-- 动画元素 -->
            <section class="card">
                <div class="img-title">
                    <div class="feng">
                        <span class="body"></span>
                        <img class="body-left" src="/static/images/vr/bird-body-left.png">
                        <img class="body-right" src="/static/images/vr/bird-body-right.png">
                    </div>
                    <img src="/static/images/vr/bg2.jpg">
                </div>
                <div class="card-text">
                    <h4 class="dn">亲爱的{$nickname}</h4>
                    <p class="dn">{$tipsString}</p>
                    <p class="zhum dn">
                        <span class="name">{$toUserInfo['nickname']}<small>敬赠</small></span>
                        <span class="time"></span>
                    </p>
                </div>
            </section>
            <div class="a-list mt20 dn">
                <a class="blessing">传递祝福</a>
            </div>
            <a href="http://a.mlinks.cc/Aagn">
             <img class="footer-img" src="/static/images/vr/text2.png">
            </a>
        </section>
    </section>
</body>
 <script type="text/javascript">
   $(function(){
        $(".time").html(moment().format('YYYY'+"年"+' MM '+"月"+'DD'+"日"));
        setTimeout(function(){ 
            $(".feng").animate({top:'-100%',left:'30%'},2000,function(){
                $(".yuns").animate({top:'10px'},1000);
                $(".feng").animate({top:'3%'},1000,function(){
                    $(".card-text").addClass('unfold-paper');
                    setTimeout(function(){ 
                        $(".card-text *").fadeIn(1000,function(){
                            $(".feng").animate({top:'-50%',left:'10%'},2000)
                            .animate({top:'-70%',left:'30%'},2000)
                            .animate({top:'-40%',left:'25%'},1500)
                            .animate({top:'4%',left:'30%'},3000);
                        });
                    },1500)
                });
            });
        }, 1000);
        
        if(typeof jw == "object") {
            $(".a-list").show();
            $(".blessing").click(function(){
            jw.api('copy_current_url', JSON.stringify({'status': false}));
            jw.api('share_button', JSON.stringify({'status': true}));
            jw.api('set_share_info', JSON.stringify({
              'title': '【{$toUserInfo['nickname']}】给你发来一条新春真心话',
              'description':'',
              'img_url':'http://irun.hupu.com/static/images/share/pao.png',
              'link_url':ARcard,
            }));
            })
        }
    });

</script>
{template 'show/web-footer'}